<!DOCTYPE html>
<html lang="zh-CN">


<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/alwaysblog/favicon_1.ico">
  <link rel="icon" type="image/png" href="/alwaysblog/favicon_1.ico">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="author" content="张小剩">
  
    <meta name="description" content="折腾是一种乐趣，求知是一种追求！">
  
  
    <meta name="keywords" content="软件测试, 自动化测试, 接口自动化测试, UI自动化测试, Python, 前端, js, jquery, javascript, html5, 开发者, 程序猿, 极客, 编程, 代码, 开源, IT网站, Developer, flask, 性能测试, Jmeter, html, css, css3, unittest, pytest, Robot Framework">
  
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>张小剩的博客</title>
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.10.0/css/all.min.css"  >
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"  >
<link rel="stylesheet" href="https://cdn.staticfile.org/mdbootstrap/4.8.7/css/mdb.min.css"  >
<link rel="stylesheet" href="https://cdn.staticfile.org/github-markdown-css/3.0.1/github-markdown.min.css"  >

<link rel="stylesheet" href="//at.alicdn.com/t/font_1067060_qzomjdt8bmp.css">


  <link rel="stylesheet" href="/alwaysblog/lib/prettify/tranquil-heart.min.css"  >


  <link rel="stylesheet" href="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.css"  >

<link rel="stylesheet" href="/alwaysblog/css/main.css"  >
<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js" ></script>
  <style type="text/css">
    .banner-bg {
      
        background-image: url('/alwaysblog/static/images/wallhaven-8opx8k.jpg');
      
      background-position: center;
      background-repeat: repeat-y;
      background-size: cover;
      background-attachment: fixed;
    }
  </style>
<meta name="generator" content="Hexo 5.4.1"><link rel="alternate" href="/alwaysblog/atom.xml" title="张小剩的博客" type="application/atom+xml">
</head>

<body class="banner-bg">
  <header style="height: 100vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/alwaysblog/">&nbsp;<strong>张小剩的博客</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/alwaysblog/">主页</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/alwaysblog/archives/">归档</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/alwaysblog/categories/">分类</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/alwaysblog/tags/">标签</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/alwaysblog/links/">友链</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/alwaysblog/about/">关于</a>
          </li>
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>


</nav>

    <div class="view intro-2 rgba-black-slight" id="background">
      <div class="full-bg-img">
        <div class="mask flex-center">
          <div class="container text-center white-text fadeInUp">
            <span class="h2" id="subtitle">
              
            </span>
            
          </div>
          
            <div class="scroll-down-bar">
              <i class="fa fa-angle-down scroll-down-arrow"></i>
            </div>
          
        </div>
      </div>
    </div>
  </header>
  <main id="mainContent" class="rgba-black-slight">
    
      <div class="container nopadding-md" style="padding-top:0.5rem;padding-bottom:0.5rem;">
        <div class="py-5 z-depth-3" id="board">
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/1206568676/" target="_self">
        <p class="h4 index-header">MySQL 基础</p>
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">数据库基本操作
关系型数据库： 以二维表存储数据

数据表操作
数据表的创建

-- unsigned: 无符号
-- primary key： 主键
-- auto_increment： 自动递增

create table demo (
    id int unsigned primary key auto_increment,
    name varchar(10),
    age int unsigned
)


数据表的删除


-- 删除掉 demo 表
drop table demo;

-- 如果数据库中存在demo表，就把它从数据库中drop掉。
drop table if exists demo;

-- 使用场景
drop table if exists demo;
create table demo (
    id int unsigned primary key auto_increment,
    name varchar(10),
    age int unsigned
)

数据操作
增```sql

单条添加insert into demo</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-08-02&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;996字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;4分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%90%8E%E7%AB%AF%E9%A2%86%E5%9F%9F">后端领域</a>&nbsp;
          
            <a href="/categories/%E6%95%B0%E6%8D%AE%E5%BA%93">数据库</a>&nbsp;
          
            <a href="/categories/MySQL">MySQL</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/mysql">mysql</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/2030954057/" target="_self">
        <p class="h4 index-header">adb 常用命令</p>
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">
列出所有的连接设备

adb devices


拷⻉⽂件/⽬录到设备

 adb push E:/images/test.jpg /sdcard/


从设备拷⻉⽂件/⽬录

 adb pull /sdcard/images/test.jpg E:\tmp


浏览设备⽇志

 adb logcat


列出所有包名

 adb shell pm list packages


安装 apk ⽂件

 adb install [apk路径]

 覆盖安装： adb install -r [apk路径]


卸载 app

 adb uninstall com.xx.xx

 保留app数据：  adb uninstall -k com.xx.xx


查看 package name，启动应⽤后输⼊命令

 windows环境下: adb shell dumpsys activity | findstr &quot;mFocusedActivity&quot;

 Linux、Mac环境下： adb shell dumpsys activity | grep &quot;mFocus</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-07-13&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;1.2k字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;4分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          
            <a href="/categories/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E6%B5%8B%E8%AF%95">移动端测试</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          
            <a href="/tags/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E6%B5%8B%E8%AF%95">移动端测试</a>&nbsp;
          
            <a href="/tags/adb">adb</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/108766007/" target="_self">
        <p class="h4 index-header">软件测试面试总结</p>
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">第一家
主要是做功能测试吗？
在工作中用到些什么工具？
印象比较深刻的项目？是一个人测试的吗？
协助开发搭建环境，简单说一下是怎么做的？
接口测试的话你是怎么做一个参数化的？接口测试里面有做过关联吗？用的是哪个元件？正则表达式提取器有用过吗？
有没有遇到过印象深刻的 bug？
项目有需求分析这个环节吗？需求评审的时候，有没有总结过产品经常会漏掉些什么功能，需求文档会出现什么 bug，你有没有去总结一下？比如哪里的逆向的思维没有考虑到，数据显示有问题，没有换行这样子
有用 fiddler 抓包做测试吗？
 你这个项目有做过性能测试吗？性能测试的基本流程是怎样的？
你不用去了解一下哪些地方需要做压测吗？哪些地方是有压力点的？
并发数我们要怎么确定呢？
你平时通过上面渠道去学 python？
python 主要数据类型有哪些？
假如有一个预约口罩的功能，


每天只能预约一次；
每天晚上 8 点公布前一天的预约结果；
每次预约时需要提交一个表单，表格里包括身手机号，身份证号等信息。你针对这个来说一说有哪些测试点。越多越好

 预约次数，是否准时公布结果，公布结果是否正确，表单是否必填，手机号</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-06-20&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;1.3k字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;4分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/2734300636/" target="_self">
        <p class="h4 index-header">软件测试面试</p>
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">软件测试方法的分类




常用测试方法




系统测试方法




什么是软件测试
软件测试是利⽤测试⼯具按照测试⽅法和流程对开发出来的产品进⾏功能、性能、安全等的测试。满⾜产品需求。

软件产品质量模型（ISO / IEC 9126）
功能性：提供满足明确和隐含要求的功能的能力
可靠性：在特定条件下使用时，软件产品呢维持规定的性能级别能力
设备最好不要出故障
设备出故障了，不要影响主要的功能和业务
如果影响了主要功能和业务，系统可以尽快定位并恢复


易用性：易懂、易学、易用、漂亮好看（用户体验好）
效率：软件产品可提供适当的性能的能力，也就是产品的性能（单选、多选、全选）
可维护性：产品可以被修改的能力。可以增加功能，可以更新。
可移植性：跨越不同系统平台

对一支笔从软件质量的体系进行分析要测哪些？
功能： 是否可以写出字，字的颜色，字的粗细，笔的重量，笔的材质，笔的尺寸
性能： 一支笔能连续写多久，从高处掉落会不会坏
易用性： 是否美观，是否好握，书写是否舒服
安全： 材质是否符合安全规范，是否对人体产生危害
可移植性： 是否可以通过换笔芯继续使用。

Web 测试与 Ap</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-05-27&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;5.1k字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;17分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/4261055596/" target="_self">
        <p class="h4 index-header">软件测试理论</p>
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">什么是软件测试在规定的条件下，对程序进行操作，从而发现错误，对软件质量进行评估的过程。
软件测试的目的以最少的人力、物力、时间找到软件的缺陷，并修改从而规避商业风险。
软件测试的定义使用人工和自动手段来运行和测试某个系统的过程，目的在于检验是否满足了需求。
软件测试的原则
所有的测试都应该追朔到用户需求
尽早和不断的测试
测试工作都应该由独立的专业的软件测试机构来完成
pareto 原则，测试发现的错误中 80% 很可能起源于 20% 的模块中（20% 指的是应用中出现的新模块，开发人员第一次开发，故会出现较多错误）
设计测试用例时，应该考虑各种情况
测试用例： 测什么？怎么测？


对测试出的错误结果一定要有一个确认的过程（描述缺陷报告）
书写错误文档


指定严格的测试计划
完全测试是不可能的，测试需要终止
注意回归测试的的关联性
回归测试：指开发人员修改了旧代码后，我们需要重新进行测试，以确认修改没有有引入新的错误，或导致其他代码产生错误。


妥善保存一切测试过程文档

软件产品质量模型（ISO / IEC 9126）
功能性：提供满足明确和隐含要求的功能的能力
可靠性：在特定</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-05-20&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;3.9k字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;13分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95">软件测试</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/2560017432/" target="_self">
        <p class="h4 index-header">CSS 3 多列布局</p>
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">CSS 3 多列布局[ column 属性 ]
——column 属性是一个简写属性  包含 column-count 属性 定义列的数量 和 column-width 属性定义列的宽度...</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-11-01&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;876字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;4分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%89%8D%E7%AB%AF%E9%A2%86%E5%9F%9F">前端领域</a>&nbsp;
          
            <a href="/categories/%E5%B0%8F%E4%B8%93%E6%A0%8F">小专栏</a>&nbsp;
          
            <a href="/categories/%E5%B8%83%E5%B1%80%E6%96%B9%E5%BC%8F">布局方式</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/css">css</a>&nbsp;
          
            <a href="/tags/css%20%E5%B8%83%E5%B1%80">css 布局</a>&nbsp;
          
            <a href="/tags/web">web</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/1679852539/" target="_self">
        <p class="h4 index-header">主流 CSS 布局(水平居中、垂直居中、居中 )</p>
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">什么是布局
html 页面的整体结构或骨架
布局不是某个技术内容 而是一种设计思想
...</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-11-01&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;1.5k字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;6分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%89%8D%E7%AB%AF%E9%A2%86%E5%9F%9F">前端领域</a>&nbsp;
          
            <a href="/categories/%E5%B0%8F%E4%B8%93%E6%A0%8F">小专栏</a>&nbsp;
          
            <a href="/categories/%E5%B8%83%E5%B1%80%E6%96%B9%E5%BC%8F">布局方式</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/css">css</a>&nbsp;
          
            <a href="/tags/css%20%E5%B8%83%E5%B1%80">css 布局</a>&nbsp;
          
            <a href="/tags/web">web</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/635713354/" target="_self">
        <p class="h4 index-header">全屏布局</p>
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">什么是全屏布局？—— HTML页面铺满整个浏览器串口窗口，并且没有横竖滚动条，而且可以跟随浏览器窗口的大小变化而变化。...</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-11-01&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;254字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;1分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%89%8D%E7%AB%AF%E9%A2%86%E5%9F%9F">前端领域</a>&nbsp;
          
            <a href="/categories/%E5%B0%8F%E4%B8%93%E6%A0%8F">小专栏</a>&nbsp;
          
            <a href="/categories/%E5%B8%83%E5%B1%80%E6%96%B9%E5%BC%8F">布局方式</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/css">css</a>&nbsp;
          
            <a href="/tags/css%20%E5%B8%83%E5%B1%80">css 布局</a>&nbsp;
          
            <a href="/tags/web">web</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/1718216264/" target="_self">
        <p class="h4 index-header">圣杯布局和双飞翼布局</p>
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">什么是圣杯布局
布局效果类似于圣杯而得名，也叫做三行三列布局。
定宽 — 自适应 — 定宽...</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-11-01&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;897字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;4分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%89%8D%E7%AB%AF%E9%A2%86%E5%9F%9F">前端领域</a>&nbsp;
          
            <a href="/categories/%E5%B0%8F%E4%B8%93%E6%A0%8F">小专栏</a>&nbsp;
          
            <a href="/categories/%E5%B8%83%E5%B1%80%E6%96%B9%E5%BC%8F">布局方式</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/css">css</a>&nbsp;
          
            <a href="/tags/css%20%E5%B8%83%E5%B1%80">css 布局</a>&nbsp;
          
            <a href="/tags/web">web</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
      <div class="col-12 col-md-12 m-auto">
    
      <a href="/alwaysblog/post/3225661351/" target="_self">
        <p class="h4 index-header">多列布局</p>
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">什么是多列布局——几个元素呈现水平方式排列的效果...</div>
        </div>
      </a>
      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-11-01&nbsp;&nbsp;
        
        
        <i class="far fa-chart-bar"></i>&nbsp;1.4k字&nbsp;&nbsp;
        <i class="far fa-clock"></i>&nbsp;6分钟&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%89%8D%E7%AB%AF%E9%A2%86%E5%9F%9F">前端领域</a>&nbsp;
          
            <a href="/categories/%E5%B0%8F%E4%B8%93%E6%A0%8F">小专栏</a>&nbsp;
          
            <a href="/categories/%E5%B8%83%E5%B1%80%E6%96%B9%E5%BC%8F">布局方式</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/css">css</a>&nbsp;
          
            <a href="/tags/css%20%E5%B8%83%E5%B1%80">css 布局</a>&nbsp;
          
            <a href="/tags/web">web</a>&nbsp;
          
        
      </div>
    </div>
  </div>


  <nav aria-label="index posts navigation Page">
    <span class="pagination pg-blue justify-content-center mt-5">
      <a class="extend prev" rel="prev" href="/alwaysblog/page/2/"><i class="fas fa-angle-double-left"></i></a><a class="page-number" href="/alwaysblog/">1</a><a class="page-number" href="/alwaysblog/page/2/">2</a><span class="page-number current">3</span><a class="page-number" href="/alwaysblog/page/4/">4</a><a class="extend next" rel="next" href="/alwaysblog/page/4/"><i class="fas fa-angle-double-right"></i></a>
    </span>
  </nav>
  
    <script type="text/javascript">$(".pagination a").each(function(){$(this)[0].href+="#board";})</script>
  


              </div>
            </div>
          </div>
        </div>
      </div>
    
  </main>
  
<div id="sidebar" class="sidebar-hide">
  <span class="sidebar-button sidebar-button-shift" id="toggle-sidebar" >
    <i class="fa fa-arrow-right on" aria-hidden="true"></i>
  </span>
  <div class="sidebar-overlay"></div>
  <div class="sidebar-intrude">
    <div class="sidebar-avatar">
      <img src="/alwaysblog/static/images/avatar.jpg" srcset="/alwaysblog/static/images/avatar.jpg" alt="avatar"/>
    </div>
    <div class="text-center sidebar-about">
      <p class="h3 sidebar-author">张小剩</p>
      <p class="sidebar-subtitle">One two one ... <script type='text/javascript'>console.log('博主认证: https://bbs.liyuans.com')</script></p>
      
        <a href="https://github.com/alwayscn" class="h4" target="_blank">
          <i class="fab fa-github" aria-hidden="true"></i>
        </a>
        &nbsp;&nbsp;
      
        <a href="https://www.yuque.com/extime/blog" class="h4" target="_blank">
          <i class="fab fa-twitter" aria-hidden="true"></i>
        </a>
        &nbsp;&nbsp;
      
        <a href="https://www.cnblogs.com/wehome" class="h4" target="_blank">
          <i class="fab fa-blog" aria-hidden="true"></i>
        </a>
        &nbsp;&nbsp;
      
        <a href="mailto:zhangxy.cn@gmail.com" class="h4" target="_blank">
          <i class="fas fa-envelope" aria-hidden="true"></i>
        </a>
        &nbsp;&nbsp;
      
    </div>
    <div class="sidebar-friend">
<!--       <p class="h6 sidebar-friend-title"> -->
<!--         <span class="sidebar-label-left"><i class="fas fa-user-friends"></i></span> -->
<!--         <span class="sidebar-label">友情链接</span> -->
<!--       </p> -->
      <ul class="list-group">
        
          <a href="https://console.leancloud.app/" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              LeanCloud
            </li>
          </a>
        
          <a href="https://vercel.com/" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              Vercel
            </li>
          </a>
        
          <a href="https://hitokoto.cn/" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              一言
            </li>
          </a>
        
          <a href="https://zty.pe/" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              打字游戏
            </li>
          </a>
        
          <a href="https://flipanim.com/" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              在线涂鸦
            </li>
          </a>
        
          <a href="http://gogoame.sumbioun.com/" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              Gogoame (午後雨)
            </li>
          </a>
        
          <a href="https://hin.cool/c/dd.html" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              减压滑碟
            </li>
          </a>
        
          <a href="https://www.jq22.com/yanshi4710" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              元素周期
            </li>
          </a>
        
    </ul>
    </div>
  </div>
</div>


  
    <a class="z-depth-1" id="scroll-top-button" href="#" role="button">
      <i class="fa fa-chevron-up scroll-top-arrow" aria-hidden="true"></i>
    </a>
  
  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  
  <div id="footerContent"  class="rgba-black-slight">
<footer>
  <div class="footer-plane">
      <div class="blog_music">
        <script src="//music.clwl.online/Player/player.min.js" id="SinKingMusic" key="765"></script>
      </div>
      <div class="footer-container">

        <div class="footer-left">
            <div>
            <!-- 版权信息 -->
            
            <div class="footer-info">
                
                  Copyright © 2023&nbsp;张小剩.Powered by
                 <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener noreferrer">
                  Fluid
                 </a>
                
            </div>
            
            <!-- 备案信息 -->
            
            </div>

        </div>
        <div class="footer-details footer-right">
            <div>
                
                <div class="footer-aside-box">
                    <i class="fa fa-cog fa-spin"></i>
                    <span id="span">本站已稳定运行: 128天11小时56分5秒</span>
                    <script type="text/javascript">
                        function runtime() {
                            // 初始时间，日/月/年 时:分:秒
                            // X = new Date("09/27/2021 07:21:00");
                            console.log("12/12/2021 07:21:00")
                            X = new Date("12/12/2021 07:21:00");
                            Y = new Date();
                            T = (Y.getTime() - X.getTime());
                            M = 24 * 60 * 60 * 1000;
                            a = T / M;
                            A = Math.floor(a);
                            b = (a - A) * 24;
                            B = Math.floor(b);
                            c = (b - B) * 60;
                            C = Math.floor((b - B) * 60);
                            D = Math.floor((c - C) * 60);
                            //信息写入到DIV中
                            span.innerHTML = "本站已稳定运行: " + A + " 天" + B + " 小时" + C + " 分" + D
                             + " 秒"
                        }

                        setInterval(runtime, 1000);
                    </script>
                </div>
                

                
            </div>
      </div>
      </div>
      <!-- 一言 -->
      
          <div class="footer-hitokoto">
            <a id="hitokotoa" href="#" target="_blank" rel="nofollow noopener noreferrer">
              <span id="hitokoto"></span>
            </a>
          </div>
      
  </div>
</footer>
</div>
<!-- SCRIPTS -->
<script src="/alwaysblog/lib/popper/popper.min.js" ></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js" ></script>
<script src="https://cdn.staticfile.org/mdbootstrap/4.8.7/js/mdb.min.js" ></script>
<script src="/alwaysblog/js/main.js" ></script>

  <script src="/alwaysblog/js/lazyload.js" ></script>


<!-- Plugins -->

  <script src="/alwaysblog/lib/prettify/prettify.min.js" ></script>
  <script type="text/javascript">
    $(document).ready(function () {
      $('pre').addClass('prettyprint  linenums');
      prettyPrint();
    })
  </script>


  <script src="https://cdn.staticfile.org/typed.js/2.0.9/typed.min.js" ></script>
  <script type="text/javascript">
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "折腾是一种乐趣，求知是一种追求！&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>


  <script src="https://cdn.staticfile.org/anchor-js/4.2.0/anchor.min.js" ></script>
  <script type="text/javascript">
    anchors.options = {
      placement: "right",
      visible: "hover",
      
    };
    var el = "h1,h2,h3,h4,h5,h6".split(",");
    var res = [];
    for (item of el) {
      res.push(".markdown-body > " + item)
    }
    anchors.add(res.join(", "))
  </script>


  <script src="/alwaysblog/js/local-search.js" ></script>
  <script type="text/javascript">
    var path = "/alwaysblog/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      getSearchFile(path);
      this.onclick = null
    }
  </script>



  

  
    <!-- MathJax -->
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
          tex2jax: {
              inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
              processEscapes: true,
              skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
          }
      });

      MathJax.Hub.Queue(function() {
          var all = MathJax.Hub.getAllJax(), i;
          for(i=0; i < all.length; i += 1) {
              all[i].SourceElement().parentNode.className += ' has-jax';
          }
      });

    </script>

    <script src="https://cdn.staticfile.org/mathjax/2.7.6/MathJax.js?config=TeX-MML-AM_CHTML" ></script>

  





  <script type="text/javascript">
  /*一言API*/
  $(document).ready(function(){getHitokoto();});
  function hitokoto(e) {
    $("#hitokoto").stop().fadeOut(function() {
      $("#hitokoto").html(e.hitokoto);
      var element = document.getElementById('hitokotoa');
      element.href = "https://hitokoto.cn/?uuid=" + e.uuid;
      $("#hitokoto").stop().fadeIn();
    })
  };
  function getHitokoto() {
    var e = ["a", "b", "c", "d", "e", "i"];
    fetch('https://v1.hitokoto.cn/?encode=json&charset=utf-8&c=' + e[Math.floor(Math.random() * e.length)], {cache: 'no-cache', method: 'GET', mode: 'cors'}).then(response => response.json()).then(data => {
      hitokoto(data);
      setTimeout(getHitokoto, 1e4);
    }).catch(console.error)
  };
  </script>




<!-- Functions -->
<script type="text/javascript">
  /* 切换背景 */
  
  $("#background").removeClass("banner-bg");
  $("body").addClass("banner-bg");
  var postToTopHight = $("#board").offset().top;
  $(window).scroll(function () {
    var bgDisplay = false;
    var scrollHeight = document.body.scrollTop + document.documentElement.scrollTop;
    bgDisplay = scrollHeight >= postToTopHight;
    if(bgDisplay) {
      $('#background').removeClass("rgba-black-slight");
      $('#mainContent').removeClass("rgba-black-slight");
      $('#footerContent').removeClass("rgba-black-slight");
    } else {
      $('#background').addClass("rgba-black-slight");
      $('#mainContent').addClass("rgba-black-slight");
      $('#footerContent').addClass("rgba-black-slight");
    }
  });
  
</script>

  <script type="text/javascript">
    /*显示博客运行时间*/
    var blogRunTime = function () {
      var runTime = document.getElementById("runtime");
      var runtimeDate = "12/12/2021 07:21:00";
	    var createDate = new Date(runtimeDate);
	    var nowDate = new Date();
	    var dateLine = nowDate.getTime() - createDate.getTime();
	    var runDate = Math.floor(dateLine / (1000 * 60 * 60 * 24));
	    runTime.innerHTML = runDate;
    };
    $(document).ready(function(){
	    blogRunTime();
    });
  </script>


  <script type="text/javascript">
    /*窗口监视*/
    var originalTitle = document.title;
    window.onblur = function(){document.title = "你不爱我了QAQ"};
    window.onfocus = function(){document.title = originalTitle};
  </script>


  <script type="text/javascript">
    /* 雪花效果 */
    console.log('雪花效果 code by kvv.me');
    ~function () {
      function t() {
          e.width = window.innerWidth,
          e.height = window.innerHeight,
          o = Math.round(window.innerWidth * window.innerHeight / 1e4)
      }
      function n() {
          var t = window.innerWidth
            , d = window.innerHeight
            , c = e.getContext("2d");
          c.clearRect(0, 0, t, d),
          c.fillStyle = "rgba(255, 255, 255, 0.7)",
          c.beginPath(),
          a += .01;
          for (var u = 0; o > u; u++) {
            var l = r[u];
            if (!l) {
              continue
            }
            ;c.moveTo(l.x, l.y),
            c.arc(l.x, l.y, l.radius, 0, 2 * Math.PI, !0),
            l.y += Math.cos(a) + l.radius / 2,
            l.x += Math.sin(a * l.direction),
            (l.x > t + 5 || -5 > l.x || l.y > d) && (u % 3 > 0 ? (r[u].x = Math.random() * t,
            r[u].y = -10) : Math.sin(a * l.direction) > 0 ? (r[u].x = -5,
            r[u].y = Math.random() * d) : (r[u].x = t + 5,
            r[u].y = Math.random() * d))
          }
          c.fill(),
          i(n)
      }
      var e = document.createElement("canvas")
        , i = requestAnimationFrame || msRequestAnimationFrame || function(t) {
          setTimeout(t, 16)
        }
      , a = 0
      , o = 0
      , r = [];
      t(),
      e.className = "snow",
      document.body.appendChild(e);
      for (var d = 0; o > d; d++)
        r.push({
            x: Math.random() * window.innerWidth,
            y: Math.random() * window.innerHeight,
            radius: 4 * Math.random() + 1,
            direction: 2 * Math.random() - .5
        });
      addEventListener("resize", t),
      i(n)
    }();
  </script>


  <script type="text/javascript">
    /* 评论自动跳转 */
    var jumpComments = function(){
      if(window.location.hash){
        var hash_decode = decodeURI(window.location.hash);
        if(!$(hash_decode).length){
          var checkExist = setInterval(function() {
            if ($(hash_decode).length) {
              clearInterval(checkExist);
              setTimeout(function(){
                $('html, body').animate({scrollTop: $(hash_decode).offset().top-90}, 1000);
              }, 1500);
            }
          }, 100);
        }
      }
    }
    $(document).ready(function(){
	    jumpComments();
    });
  </script>

 
 
 
 

<!-- cnzz -->
<style type="text/css">#cnzz_stat_icon_1258664352{display: none;}</style>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1258664352'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1258664352' type='text/javascript'%3E%3C/script%3E"));</script>
 

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150991779-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag("js", new Date());
  gtag("config", "UA-150991779-1");
</script>
 

  
    <script type="text/javascript">
      /* 页面 banner 覆盖全屏 */
      $(".scroll-down-bar .scroll-down-arrow").css({"margin-top":"3rem"});
      $("#board").css({"margin-top":"0"});
    </script>
  
</body>
</html>